<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="x-ua-compatible" content="IE=edge">
    <title>人脸识别</title>
    <link rel="stylesheet" href="css/face_compare.css">
</head>
<body>
<div class="container flex">
    <div class="compare_left">
      <!--  <div class="image_box flex">
            <img src="./images/loading.gif" class="img2" id="leftImg" />-->
        <div class="image_box flex" id="leftImg">
        </div>
        <div class="upload_box">
            <div class="local_upload">
                <form id="leftForm" enctype="multipart/form-data">
                    <input type="file" class="filepath" id="left_fileAttach" name="file" accept=".png,.jpg" onchange="updataImg('leftForm','leftImg')"/>
                    <label for="left_fileAttach" class="img_deal" >本地上传</label>
                </form>
            </div>
            <input type="text" name="" class="input" id="left_input">
            <div class="submit_btn" onclick="urlUploadImg('left_input','leftImg')">
                提交
            </div>
        </div>
        <div class="imglist_box flex">
            <div class="icon_left flex" id="compare_left_left" ></div>
            <!--<div class="imgBox_left flex" id="compare_left_left" ><</div>-->
            <div class="images_box">
                <div class="face_compare_wrapper" id="left_wrapper">
                    <div class="face_compare_scroller" id="left_scroller">
                        <ul id="face_left_ul">
                        </ul>
                    </div>
                </div>
            </div>
            <div class="icon_right flex" id="compare_left_right"></div>
            <!--<div class="imgBox_right flex"  id="compare_left_right">></div>-->
        </div>
    </div>
    <div class="compare_result">
        <p>相似度</p>
        <div class="degree flex"><span id="degree"></span></div>
        <!--<div class="take_time_class" id="take_time_class"><span>take</span><span>3ms</span></div>-->
        <div class="take_time_class" id="take_time_class"></div>
    </div>
    <div class="compare_right ">
        <div class="image_box flex" id="rightImg">
        </div>
        <div class="upload_box">
            <div class="local_upload">
                <form id="rightForm" enctype="multipart/form-data">
                    <input type="file" class="filepath" name="file" id="right_fileAttach" accept=".png,.jpg" onchange="updataImg('rightForm','rightImg')" />
                    <label for="right_fileAttach" class="img_deal" >本地上传</label>
                </form>
            </div>
            <input type="text" name="" class="input" id="right_input">
            <div class="submit_btn" onclick="urlUploadImg('right_input','rightImg')">
                提交
            </div>
        </div>
        <div class="imglist_box flex">
            <!--<div class="imgBox_left flex" id="compare_right_left" ><</div>-->
            <div class="icon_left flex" id="compare_right_left" ></div>
            <div class="images_box">
                <div class="face_compare_wrapper" id="right_wrapper">
                    <div class="face_compare_scroller" id="right_scroller">
                        <ul id="face_right_ul">
                        </ul>
                    </div>
                </div>
            </div>
            <!--<div class="imgBox_right flex"  id="compare_right_right">></div>-->
            <div class="icon_right flex" id="compare_right_right"></div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="js/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/lib/iscroll.js"></script>
<script type="text/javascript" src="js/face_compare.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>